/* App - Profile
-----------------*/

/* import section start
-------------------------------- list
module/box.css
module/grid.css
module/composer.css
module/privacy.css
module/typeahead.css
module/feed_old.css
-------------------------------------*/
/* box  imported on 2008-08-10
------------------------------------------------------------------------------------------------------*/
/* box */
.box-holder {border-style:solid;border-width:1px;border-color:#94a3c4 #e3eef8;}
.box {border-bottom:1px solid #94a3c4;padding-bottom:10px;}
.box .box-header {background:#eceff5;border-top:1px solid #94a3c4;padding:5px 8px;overflow:hidden;text-align:right;}
.box .box-header small {display:block;font-size:12px;font-weight:normal;}
.box .box-header span {float:left;}
.box .box-header {clear:both;}
.box .box-body {padding:10px 8px 0;background:#fff;overflow: hidden;}

/*--CornerStyle 1 - Publisher --*/
.rcorner-s1,.rcorner-s1-l,.rcorner-s1-bottom,.rcorner-s1-bottom-l{ height:3px; font-size:0; background:url(/imgpro/box/corner.png) 0 0 no-repeat; clear:both; display:block; position:relative; text-align:left;}

.rcorner-s1,.rcorner-s1-bottom{ right:-1px; width:auto;}
.rcorner-s1-l,.rcorner-s1-bottom-l{ left:-2px; width:3px;}
.rcorner-s1{ background-position:100% -6px; position:absolute; width:100%; margin-top:-1px;}
.rcorner-s1-l{ background-position:0 0;}
.rcorner-s1-bottom-l{ background-position:0 -3px;}
.rcorner-s1-bottom{ background-position:100% -9px; position:absolute; width:100%; bottom:-1px;}
*html .rcorner-s1-bottom{ bottom:-2px;}

/* grid imported on 2008-08-10
------------------------------------------------------------------------------------------------------*/
.people-list {overflow:hidden;}
.people-list li {float:left;width:60px;}
.people-list li .headpichold a {width:50px;height:50px;display:block;background-position:center center;background-repeat:no-repeat;margin:0 auto;}
.people-list li span.no-link {width:50px;height:50px;display:block;background-position:center center;background-repeat:no-repeat;margin:0 auto;}
.people-list li span {text-align:center;display:block;margin:0 auto;}
.people-list li span a {line-height:1.6em;}
.people-list li span.name {height:1.6em;line-height:2em;overflow:hidden;}

.people-grid .grid-row {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e5e5e5;}
.people-grid .grid-row.last {border:none;margin:0;padding:0;}
.people-grid .x-to-hide {float:right;}
.people-grid .people-image {float:left;width:58px;}
.people-grid .people-image a {width:50px;height:50px;display:block;background-repeat:no-repeat;background-position:center center;text-decoration:none;}
.people-grid .people-link {margin-left:58px;}

.img-grid .grid-row {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e5e5e5;}
.img-grid .grid-row.last {border:none;margin:0;padding:0;}
.img-grid .x-to-hide {float:right;}
.img-grid .gird-image {float:left;width:58px;}
.img-grid .gird-image img {width:50px;}
.img-grid .gird-link {margin-left:60px;}
.img-grid .gird-link h5 {font-weight:normal;}

/* composer imported on 2008-08-10
------------------------------------------------------------------------------------------------------*/
.m-composer{ clear:both; }

.m-composer-header{ zoom:1; padding-top:10px;}
.m-composer-header .headerimg{ float:left; width:100px; height:100px; margin-right:10px; background-position:center; background-repeat:no-repeat; }
.m-composer-header .headerimg.no-headerimg{width:92px;height:92px;border:4px solid #FEFFCF;}
.m-composer-header .statuspanel{position:relative; float:left;width:440px;padding:0 0 24px 5px;margin-bottom:7px;}
* html .m-composer-header .statuspanel{overflow-x:hidden;}
*+html .m-composer-header .statuspanel{overflow:visible;}
.m-composer-header .statuspanel .myname{ font-size:16px; font-weight:bold;}
.m-composer-header .statuspanel .myname a.balance {font-size:12px;font-weight:normal;}
.m-composer-header .statuspanel .myname a:hover {text-decoration:none;}
.m-composer-header .statuspanel h1 {line-height:2.0em;padding-left:4px;float:left;}

.m-composer-header .statuspanel .statusbox{ width:485px;}
.m-composer-header .statuspanel .morestatus{ position:absolute;  right:0;}

.statusaudiobtn{ display:inline-block;width:52px;height:17px;margin:0 5px; text-decoration:none; background:url(/imgpro/icons/statusvideobtn.gif) left 0px no-repeat;text-indent:-9999px;}
.statusaudiobtn.expand{background-position:left -27px}
.statusvideobtn{ display:inline-block;width:52px;height:17px;margin:0 5px; text-decoration:none; background:url(/imgpro/icons/statusvideobtn.gif) left -54px no-repeat;text-indent:-9999px;}
.statusvideobtn.expand{background-position:left -81px}
.statusvideobtn:hover,
.statusaudiobtn:hover{ text-decoration: none; }
.feedmediabox{ margin-top:5px}

.m-composer-header .statuspanel .statuscontent{ padding:8px 0 0 10px; float:left;}
.m-composer-header .statuspanel .currentStatus.hover{ background-color:#ff0000;}
.m-composer-header .statuspanel .currentStatus{max-width:350px;overflow:hidden;font-size:14px; margin-left:5px; line-height:1.3em;word-wrap:break-all;}
.m-composer-header .statuspanel .currentStatus img {margin:0 2px;vertical-align:text-bottom;}
.m-composer-header .statuspanel .editstatusbox{ border:1px solid #bdc7d8; border-bottom:0; border-right:0; background:#fcfcfc url(/imgpro/bg/inputborder.gif) right bottom no-repeat; display:inline-block;}
*html .m-composer-header .statuspanel .editstatusbox{ padding:1px 2px 2px 2px;}
*+html .m-composer-header .statuspanel .editstatusbox{ padding-top:0;}
.m-composer-header .statuspanel .editStatus{ padding-left:1px; background:none; font-size:14px; width:350px; border:0; border-right:0;}
*html .m-composer-header .statuspanel .editStatus{margin-bottom:-1px;}
*+html .m-composer-header .statuspanel .editStatus{margin-bottom:-1px;}

.m-composer-header .statuspanel .editstatusbox .count{ float:none; display:inline; font-size:10px; margin-right:0; color:#808080;}
.m-composer-header .statuspanel .editstatusbox .count.full{ color:#ff0000;}
.m-composer-header .statuspanel .loading-img{ margin-right:5px;}
.m-composer-header .statuspanel .changetime{ color:#808080; margin:0 5px;}

/*2008-10-21 statuspanel modify*/
.m-composer-header .statuspanel .status-composer-bubble{ zoom:1; margin-top:7px; margin-left:-4px; overflow:hidden; clear:both; background:url(/imgpro/bg/cs_statusinputbg.png) no-repeat 0 -58px; padding-left:6px;position:relative;}
.m-composer-header .statuspanel .status-composer-bubble .status-composer-bubble-inner{ float:left; border:none;}
.m-composer-header .statuspanel .status-composer-bubble .status-composer-bubble-inner.disableinput,
.m-composer-header .statuspanel .status-composer-bubble .status-composer-bubble-inner.disableinput .status-composer-input{ background-color:#ddd; color:#808080;}
.m-composer-header .statuspanel .status-composer-bubble .status-composer-bubble-inner .status-composer-input{ border:0; width:360px; font-size:14px; height:40px; margin-top:2px;_width:350px;}
.m-composer-header .statuspanel .status-composer-bubble .status-composer-bubble-inner .status-composer-input.itsempty{ color:#808080;}
.m-composer-header .statuspanel .status-composer-bubble .status-composer-bubble-btn{margin-left:5px;}
.m-composer-header .statuspanel .status-composer-bubble .status-composer-bubble-btn .input-button{padding:0 15px; margin-top:2px;height:46px;font-size:14px;overflow:visible;}
.m-composer-channel{ padding:0 0 5px 0; margin-left:110px;}
.m-composer-channel li{ float:left; margin-right:5px; cursor:pointer;}
.m-composer-channel li a{ border:1px solid #fff;}
.m-composer-channel li.select{}
.m-composer-channel li.select span{ display:block; padding-bottom:6px; background:url(/imgpro/bg/composer-bubble-bg.gif) center bottom no-repeat;}
.m-composer-channel li.select a{ color:#565656; font-weight:bold; border:1px solid #e4e4e4; border-top:1px solid #f1f1f1; border-bottom:0; background-color:#f5f5f5;}
.m-composer-channel li a{ padding:4px 8px 4px 26px; background-repeat:no-repeat; display:block;}
*+html .m-composer-channel li a{ height:18px; line-height:18px; padding:4px 8px 2px 26px;}

.m-composer-channel li a{ font-weight:bold; background-image:url(/imgpro/icons/icons.png);}
.m-composer-channel .c-status{  background-position:0 -1942px;}
.m-composer-channel .c-blog{ background-position:0 -1056px;}
.m-composer-channel .c-album{ background-position:-120px -294px;}
.m-composer-channel .c-share{ background-position: -120px -470px;}
.m-composer-channel .gift{ background-position: 0 -1756px;}

.m-composer-content .errorbox{ border-bottom:1px solid #e2c822; padding:8px; margin:-19px -16px 10px -16px; background-color:#fff9d7; font-weight:bold;}

.m-composer-content{ clear:both; background:#e6e6e6; border:1px solid #c9c9c9; border-top:1px solid #a8a8a8;}
.m-composer-content .status-composer{ padding:10px 5px; background:#f1f1f1;}
.m-composer-content .status-composer .input-button{ margin-left:3px;}
.m-composer-content .status-composer .input-status{ color:#777; width:350px; margin-right:5px; font-size:14px;}
.m-composer-content .status-composer .count{ color:#777; font-size:10px; font-weight:bold; }
.m-composer-content .status-composer .count.full{ color:#ff0000;}

.facecube { position:absolute; z-index:9999; max-width:262px; padding-bottom:2px; border:1px solid #B7B7B7; background-color:#f3fbfc; right:71px; margin-top:-1px;}
* html .facecube {right:72px;}
*+html .facecube {padding-bottom:4px;}
* html .facecube ul {width:262px;}
.facecube .legend {padding:3px 14px 3px 3px;background:url(/imgpro/arrow/anglebottom.gif) no-repeat 22px center;cursor:pointer;}
.facecube li{ float:left; margin:2px; width:22px; height:22px;}
* html .facecube li {margin:1px;}
.facecube li a{ display:block; float:left; padding: 3px 1px; width:20px; height:16px; background-color:#FFF; border:1px solid #E8E8E8; text-align: center;}
.facecube li a:hover {border-color:#808080;}

div.statuscount {position:absolute;color:#808080;background-color:#FFF;}

/**emotion post btn**/
#statusEdit{height:54px;}
#status_emotion{border-top:none;}
#publisher_statusSubmit{
background:transparent url(/imgpro/bg/cs_statusinputbg.png) 4px -120px no-repeat;_background-position-x:7px;
border:none;width:65px;height:45px;text-indent:-999px;
}
/* commend status by jingwei.li 090303*/
.commend-status {position:absolute;float:left;line-height:20px;text-align:center;background-color:#F0F5F8;border:1px solid #BDD6EF;margin-top:5px;padding:2px 4px;}
.commend-status img {vertical-align:text-bottom;}
* html .commend-status img {margin:2px 0;vertical-align:middle;}
.commend-status a, .commend-status a:link, .commend-status a:visited {font-weight:bold;color:#DE6308;}
.commend-status .border-top {margin-top:-7px;padding-top:6px;background:url(/imgpro/bg/commend-status-border-top.gif?stamp=090327.gif) no-repeat -160px top;}
* html .border-top {overflow:hidden;position:relative;}
*+html .border-top {position:relative;}

.m-composer-content .blog-composer,
.m-composer-content .album-composer,
.m-composer-content .share-composer{ zoom:1; padding:19px 16px 16px 16px; background-color:#f1f1f1;}

.m-composer-content .album-composer{ padding-top:0;}

.m-composer-content .blog-composer label.displayblock{ display:block;}
.m-composer-content .blog-composer .input-text,
.m-composer-content .blog-composer textarea{ width:99%;}
.m-composer-content .blog-composer .input-text{ height:18px;}
.m-composer-content .postbtn{ padding:5px; text-align:right;}

.m-composer-content .tokenizer{ border:1px solid #BDC7D8; width:490px; padding:0 3px 3px; background-color:#fff;}

.m-composer-content .album-composer .album-action{ margin:0 -16px 20px -16px; padding-top:3px; text-align:center; border-top:1px solid #dbdbdb;}
*html .m-composer-content .album-comstatuscountposer .album-action{ padding-top:0; margin-top:-2px;}
*+html .m-composer-content .album-composer .album-action{ padding-top:1px;}
.m-composer-content .album-composer .album-action a{ padding:5px 0 5px 10px; text-decoration:none;}
*html .m-composer-content .album-composer .album-action a{ zoom:1;}
.m-composer-content .album-composer .album-action a span{ padding:5px 10px 5px 0;}
*+html .m-composer-content .album-composer .album-action a span{margin:-5px 0 -5px 0;}
.m-composer-content .album-composer .album-action a.select span{ background:url(/imgpro/box/well_tab.png) right -32px no-repeat;}
.m-composer-content .album-composer .album-action a.select{ font-weight:bold; color:#3d3d3d; background:url(/imgpro/box/well_tab.png) left top no-repeat;}

*html .m-composer-content .album-composer .album-action a.select{ position:relative;}
*+html .m-composer-content .album-composer .album-action a.select{ position:relative;}

.m-composer-content .album-composer dt{ width:125px; text-align:right; float:left; margin-top:2px;}
.m-composer-content .album-composer dd{ margin-bottom:5px;}
.m-composer-content .album-composer dd textarea{ overflow:auto;}
.m-composer-content .album-composer dd textarea,
.m-composer-content .album-composer dd .input-text{ width:320px; }

.m-composer-content .share-composer{}
.m-composer-content .share-composer dt{ width:125px; text-align:right; float:left; margin-top:2px;}
.m-composer-content .share-composer dd{ margin-bottom:5px;}
.m-composer-content .share-composer dd textarea{ overflow:auto;}
.m-composer-content .share-composer dd textarea,
.m-composer-content .share-composer dd .input-text{ width:320px;}

.m-composer-content .blog-composer dt{ width:40px; text-align:right; float:left; margin-top:2px;}
.m-composer-content .blog-composer dd{ margin-bottom:5px;}
.m-composer-content .blog-composer dd textarea{ overflow:auto;}
.m-composer-content .blog-composer dd textarea,
.m-composer-content .blog-composer dd .input-text{ width:490px;}

.m-composer-content .blog-composer dd textarea,
.m-composer-content .album-composer dd textarea,
.m-composer-content .share-composer dd textarea{ font-family:'lucida grande',tahoma,verdana,arial,simsun,sans-serif; font-size:12px; padding:3px;}

.m-composer .publish-notify{ margin-top:-5px; _height:35px; min-height:35px; padding:25px 15px 10px 10px; background:url(/imgpro/bg/publishnotebg.gif) -74px top no-repeat;}
.m-composer .publish-notify .blog-notify{ padding-left:20px; margin-right:5px; line-height:1.5em; background:url(/imgpro/icons/blog.gif) no-repeat left 0;}
.m-composer .publish-notify .postbtninotify{ float:right; padding:0 5px;}
.m-composer .publish-notify .closebtn{ float:right; width:10px; height:10px; margin-top:-12px; margin-right:-12px; background:url(/imgpro/theme/xn/x_to_hide.gif) no-repeat center;}

/* privacy imported on 2008-08-10
------------------------------------------------------------------------------------------------------*/
.privacy-widget{ position:relative; float:left; width:350px; }
.privacy-widget .lock{ float:left; width:20px; height:48px; *height:47px; background-color:#e2e6f0; border:1px solid #9ca4ba; border-right:0;}
.privacy-widget .lock .lockbg{ width:20px; height:20px; background:#e2e6f0 url(/imgpro/icons/privacy_widget.png) -5px -5px no-repeat;}
.privacy-widget .who-canctab{ position:absolute; background-color:#fff; left:21px; width:97px; padding:3px; *padding-bottom:4px; border:1px solid #d5d5d5; border-left:0; border-bottom:0;}
.privacy-widget .setprivacy{ float:left; width:300px; margin-top:21px; padding:3px; background:#fff; border:1px solid #d5d5d5; border-left:0; }
.privacy-widget .setprivacy select{ width:300px; height:21px;}
*+html .privacy-widget .setprivacy select{ height:auto;}


/* typeahead imported on 2008-08-10
------------------------------------------------------------------------------------------------------*/
.typeahead_list{background:transparent;border:1px solid #bdc7d8;border-top:none;font-size:12px;margin-top:-1px;overflow:hidden;position:absolute;text-align:left;z-index:97;}
.generic_dialog .typeahead_list,
.typeahead_list_absolute{z-index:101;}
.typeahead_list .typeahead_suggestion,
.typeahead_list .typeahead_message{border-top:1px solid #ddd;padding:3px;}
.typeahead_list .typeahead_suggestion{background:#fff;color:#000;cursor:default;filter:alpha(opacity=94);opacity:0.94;width:100%;}
.typeahead_list .typeahead_suggestion:hover{cursor:pointer;cursor:hand;}
.typeahead_list .typeahead_suggestion em{background:#e3eef8;color:black;font-style:normal;font-weight:bold;}
.typeahead_list .typeahead_suggestion small{color:#808080;padding-left:5px;font-size:11px;font-family:MingLiu;}
.typeahead_list .typeahead_selected{background:#005eac;color:#fff;filter:alpha(opacity=100);opacity:1;}
.typeahead_list .typeahead_selected small{color:#95A5C6;}
.typeahead_list .typeahead_selected em{background:#5670a6;color:#fff;}
.typeahead_list .typeahead_message{background:#eee;color:#333;}
input.typeahead_found{background-color:#e1e9f6;}
.typeahead_placeholder{color:#777;}
.typeahead_iframe{filter:alpha(opacity=0);left:0px;position:absolute;top:0px;z-index:1;}
.tokenizer{overflow:hidden;padding:0px 0px 3px 3px;width:100%;background:#fff;font-size:12px;}
.tokenizer_locked{background:#f4f4f4;}
.tokenizer,
.tokenizer *{cursor:text
}
.tokenizer input{width:100%;}
.tokenizer .tokenizer_input,
.tokenizer .token{margin-right:3px;margin-top:1px;}
.tokenizer .tab_stop,
.tokenizer .tokenizer_stretcher{display:block;float:left;overflow:hidden;width:0px;}
.tokenizer .tab_stop{height:0px;}
.tokenizer .tokenizer_stretcher{padding-top:7px;}
.tokenizer .tab_stop input{border:0px solid black;display:inline;position:relative;left:-500px;}
.tokenizer_input_borderless div{left:4px;margin-left:-1px;overflow:hidden;position:relative;}
.tokenizer_input_borderless div input{border:3px solid white!important;border-left:none;display:block;margin:-2px 0px -2px -2px;padding:0px!important;}
.tokenizer div:-moz-first-node{padding-top:1px!important;}
.tokenizer_input{width:150px;overflow:hidden;padding:1px 0px;}
.tokenizer_input input,
.tokenizer_input_shadow{border:0px solid black;font-size:12px;padding:3px 5px;white-space:pre;width:68px;margin-top:1px;}
.tokenizer_input_shadow{display:inline;left:-10000px;position:absolute;top:-10000px;}
.tokenizer .tokenizer_input_shadow{height:0px;display:block;left:0px;overflow:hidden;position:relative;top:0px;}
div.tokenizer .token{float:left;background-image:url(/img/fb/token.gif);background-repeat:no-repeat;color:black;white-space:nowrap;margin-top:3px;}
div.tokenizer .token span{background-image:url(/img/fb/token.gif);background-position:top right;background-repeat:no-repeat;display:block;}
div.tokenizer .token span span{background-position:bottom right;}
div.tokenizer .token span span span{background-position:bottom left;}
div.tokenizer .token span span span span{background-image:none;padding:2px 3px 2px 5px;}
div.tokenizer.tokenizer_locked .token span span span span{padding-right:5px;}
html div.tokenizer_locked .token:hover,
html div.tokenizer_locked .token:hover span{background-image:url(/img/fb/token.gif);}
div.tokenizer .token:hover,
div.tokenizer .token:hover span{background-image:url(/img/fb/token_hover.gif);text-decoration:none;}
div.tokenizer .token_selected,
div.tokenizer .token_selected span,
div.tokenizer .token_selected:hover,
div.tokenizer .token_selected:hover span{background-image:url(/img/fb/token_selected.gif);color:white;text-decoration:none;}
div.tokenizer .token span.x,
div.tokenizer .token span.x_hover,
div.tokenizer .token:hover span.x,
div.tokenizer .token:hover span.x_hover{background-image:url(/img/fb/token_x.gif);background-position:4px 2px;cursor:pointer;display:inline;padding:0px 8px 0 5px;}
div.tokenizer.tokenizer_locked .token span.x,
div.tokenizer.tokenizer_locked .token span.x_hover{display:none;}
div.standard_tokenizer div.tokenizer{border:solid 1px #8F96BD;}
#qsearch .typeahead_list{border:solid 1px #95A5C6;border-bottom:none;border-top:none;}
#qsearch .no_border_list{border:none;}
#qsearch .typeahead_list .typeahead_suggestion{filter:alpha(opacity=100);opacity:1.0;}
#qsearch .typeahead_list .typeaheadpro_header{background:#f7f7f7;font-size:9px;color:#555;padding:3px;border-top:solid 1px #95A5C6;}
#sidebar_content #qsearch.hourglass .typeahead_border{border-bottom:solid 1px #ccc;position:relative;z-index:101;}
#qsearch .blue_bottom_border{border-bottom:solid 1px #005eac;}
#qsearch .typeahead_list .blue_top_border{border-top:solid 1px #95A5C6;}

/*---------------------------------------
Module autosug 080716 By YanQiang
---------------------------------------*/

.m-autosug{z-index:10; position:absolute; min-height:200px; min-width:100px; overflow:hidden;}
.m-autosug-iframe{ position:absolute; z-index:-1; height:100%;top:0;left:0;scrolling:no;}

.m-autosug .m-autosug-content{ border:1px solid #bdc7d8; background-color:#fff; }
.m-autosug ul li{ padding:3px 5px; border-bottom:1px solid #e0e0e0;}
.m-autosug p{ line-height:1.3em;}
.m-autosug em{ font-weight:bold; background-color:#d9e0ea;}
.m-autosug small{ font-size:11px; font-family:MingLiU; color:#878787; padding-left:3px;}

.m-autosug-content .m-autosug-hover{ background-color:#3b5998; color:#fff;}
.m-autosug-content .m-autosug-hover em{ background-color:#6670a6;}
.m-autosug-content .m-autosug-hover small{ color:#95a5c6; }

.min-width-rule{ width:110px; height:1px; font-size:0; margin-bottom:-1px; }

/*---------------------------------------
Module autosug END
---------------------------------------*/


/* feed 2008-10-10
------------------------------------------------------------------------------------------------------*/
/* Module - Feed
-------------------*/
.feed-holder {padding-top:5px;}
.newsfeed-empty {text-align:center; color:#808080; padding: 1.0em 0; font-size: 1.2em; line-height: 1.5em;}
.newsfeed-empty-ajax {text-align:center; color:#333; background-color:#feffcf; border:1px solid #e2c822; margin:10px 0; padding: 10px 0; font-size: 1.2em; line-height: 1.5em;}
.feed-story {padding:0 0 10px;}
.feed-content .title .date {display:none;}

.feed-story .feed-icon{padding-top:10px}
.feed-story .feed-content{padding:5px 0}

.news-feed {clear:both;}
.news-feed .feed-content,
.news-feed .feed-content .headline .title{width:530px;overflow:hidden;}
.news-feed .feed-content .headline .title h4 {overflow:hidden;}
* html .news-feed .feed-content .headline .title h4 {width:510px;_width:450px;}
.news-feed .feed-content .headline .title h4 img {margin: 0 2px;vertical-align:text-bottom;}

.more-feed {padding:6px 0 6px;text-align:right;}
.more-feed .mark-read {float:left;}
.more-feed .mark-read a {color:#808080;}

.more-feed-abox{ display:block; padding:10px 0; text-align:center;}
.more-feed-abox:hover{ background-color:#f7f7f7; text-decoration:none;}
.more-feed-abox h1.feedcollapse{ margin-bottom:3px; background:url(../../images/bg/cs_home.png?ver=090511) no-repeat -369px -86px;}
.more-feed-abox .gray{ color:#808080;}

.drop-nff {width:230px; background:none;}
.drop-nff .menu-item {width:100px;border:0;}
.drop-nff .set-nf a {display:block;padding:6px 10px 7px;}

.drop-nff .nff{}
.nff .nff_header{ padding:4px 0 4px 4px; width:226px; background-color:#fff; border:1px solid #333;}
.nff .nff_header .nff_active_marker{ cursor:pointer; float:left; height:23px; width:25px; background:url(/imgpro/bg/cs_home.png?ver=090511) no-repeat -268px -22px; display:inline;}
.nff .nff_header .nff_menu_title{ float:left; color:#666; width:190px; padding:4px 0 0 5px; }
.nff  .nff_content{ margin-left:30px; background-color:#fff; width:200px; border:1px solid #333; border-top:0;}

.nff  .nff_content .nff_subtitle{ padding:8px 0 3px 10px; color:#808080;}
.nff  .nff_content .nff_itemlist{border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:-1px; padding-bottom:5px;}
.nff  .nff_content .nff_itemlist .menu-item{ width:auto; }
.nff  .nff_content .nff_modeselect .menu-item{ width:auto; padding-bottom:3px;}
.nff  .nff_content .nff_modeselect{ background-color:#eee;}
.nff  .nff_content .nff_modeselect .menu-item .inlinemode,
.nff  .nff_content .nff_modeselect .menu-item .fullmode{ padding-left:45px; background-image:url(/imgpro/icons/newsfeedmodeicons.gif); background-repeat:no-repeat;}
.nff  .nff_content .nff_modeselect .menu-item .inlinemode{ background-position:10px -33px;}
.nff  .nff_content .nff_modeselect .menu-item .inlinemode.selected,
.nff  .nff_content .nff_modeselect .menu-item .inlinemode:hover{ color:#fff; background-color:#899bc1; background-position:10px 9px;}
.nff  .nff_content .nff_modeselect .menu-item #feedNormal.inlinemode.current{ background-position:10px -13px; }
.nff  .nff_content .nff_modeselect .menu-item #feedNormal.inlinemode.current:hover{ background-position:10px -54px; }

.nff  .nff_content .nff_modeselect .menu-item .fullmode{ background-position:10px -122px;}
.nff  .nff_content .nff_modeselect .menu-item .fullmode.selected,
.nff  .nff_content .nff_modeselect .menu-item .fullmode:hover{ color:#fff; background-color:#899bc1; background-position:10px -77px;}
.nff  .nff_content .nff_modeselect .menu-item .fullmode.current{ background-position:10px -100px; }
.nff  .nff_content .nff_modeselect .menu-item .fullmode.current:hover{ background-position:10px -146px;}

/* Global */
.feed-icon {float: left;font-size:1px;line-height:1px;width:16px;padding-top:16px;}
.feed-content {float: right;padding: 14px 0;border-bottom:1px solid #eceff5;}
.feed-content .headline .title {display: inline;float: left;}
.feed-content .headline .title h4 {font-weight: normal;font-size: 14px;line-height:1.5;color: #333;}
.bold-feed .feed-content .headline .title h4 {font-weight:bold;}
.feed-content .headline .title .share-n-hide {float: right;}
.feed-content .headline .title .share-n-hide .mini-share {float:left;margin:0 2px 0 0; }
.feed-content .headline .title .share-n-hide .x-to-hide {float:left;background:url(/imgpro/bg/cs_home.png?ver=090511) no-repeat -225px -24px}
.feed-content .headline .title .share-n-hide .x-to-hide:hover{background-position:-225px -38px;}
.x-to-hide{background:url(/imgpro/bg/cs_home.png?ver=090511) no-repeat -225px -24px}
.x-to-hide:hover{background:url(/imgpro/bg/cs_home.png?ver=090511) no-repeat -225px -38px}
.feed-content .feedbody {padding:4px 0 5px;color: #808080;width:500px;}
.feed-content .feedbody h5{font-size: 12px;color:#333;}
.feed-content .feedbody .dark {color:#555;}
.feed-content p.quote {clear:both;margin:2px 0 2px;}

.feed-guide {margin-top:10px;}
.share-video .feed-guide,
.share-music .feed-guide {display:none;}
.feed-guide a, .feed-guide a:visited {background:#fff9d7;color:#666;display:block;border-left:5px solid #fde045;padding:2px 10px;}
.feed-guide a:hover{background:#fff6c6;text-decoration:none;color:#333;}
.playmedia, .media-player {margin:5px 0 0;}
.playmedia .pl-btn {display:block;text-indent:-9999em;outline:0;}
.media-player {display:none;}
.playing .feed-content {padding:12px 0 0;}
.playing .feed-guide {display:block;}
.playing .playmedia {display:none;}
.playing .media-player {display:block;}

.comment-feed {margin:10px 0 0;clear:both;}
.sub-title h5 {font-weight:normal;margin-bottom:5px;}

/*==== StatusCommentbox_Module_Module =======================================*/

.min-cmtbox {padding:6px 0 0;background:url(/imgpro/box/box_bg.gif) no-repeat;clear:both;}
* html .min-cmtbox {line-height:0;zoom:1;}
*+html .min-cmtbox {line-height:0;zoom:1;}
* html .mincmt-body {line-height:0;zoom:1;}
*+html .mincmt-body {line-height:0;zoom:1;}
* html div.statuscmtlist {line-height:0;zoom:1;}
*+html div.statuscmtlist {line-height:0;zoom:1;}
div.statuscmtitem {position:relative;color:#333;margin-bottom:2px;padding:6px;background-color:#EBF3F7;line-height:1.2em;clear:both;border-bottom:1px solid #E6EFF7;width:420px;overflow:hidden;}
div.nomore .more {display:none;}
div.nomore .more {display:none;}div.blockmore .more {display:block;}
div.showmorereply {min-height:14px;}
div.statuscmtitem .minfriendpic {background-position:center center;width:30px;height:30px;float:left;margin-right:6px;}
* html div.statuscmtitem .minfriendpic {display:inline;margin-right:3px;}
.statuscmtitem .time {margin:0 5px;font-size:10px;}
.statuscmtitem .replybody {margin-left:37px;}
* html .statuscmtitem .replybody {zoom:1;margin-left:-3px;}
.statuscmtitem .replybody .replycontent {margin-right:4px;}
.statuscmtitem .replybody .replycontent img {height: 16px;}
* html .statuscmtitem .replybody .replycontent {word-break:break-all;word-wrap:break-word;}
*+html .statuscmtitem .replybody .replycontent {word-break:break-all;word-wrap:break-word;}
.statuscmtitem .replybody .replycontent img {margin:0 2px;vertical-align:text-bottom;}
div.cmt-adding {background-color:#f0f5f8;padding:6px;}
.statuscmtlist .reply-adding.actived span.minifriendpic {vertical-align:top;}
.statuscmtlist .reply-adding.actived textarea {width:376px;}
.reply-adding textarea {width:412px;height:16px;margin-top:0;*margin-top:-1px;}
.reply-adding .reply-nav {margin-top:2px;margin-left:36px;}
.reply-adding .reply-nav .mincmtcount {color:#CCC;font-size:11px;}
.reply-adding .status-count {font-size:10px;font-weight:bold;}
.reply-adding .status-count.full {color:red;}
.reply-adding .reply-nav .replyAll{line-height:16px;}
.reply-adding .reply-nav .replyAll input.input-button {margin-right:2px;}
.reply-adding .reply-nav .replyAll span label{font-weight:normal;}

/* Type */
.text-story .feed-content {line-height:1.5em;}
.text-story .feed-content .feedbody {padding:2px 0;}

.photos-story .feed-content .photo-box {padding:4px 0 6px;}
.photos-story .feed-content .photo-box a {border: 1px solid #ccc;float:left;margin-right:10px;}
.photos-story .feed-content .photo-box a:hover {border: 1px solid #005eac;}
.photos-story .feed-content .photo-box img {padding: 3px;}
.photos-story .feed-content .feedbody p.quote {clear:none;float:left;line-height:1.5em;width:20em}

.media-story .feed-content .feedbody {padding-top:5px;}
.media-story .feed-content .feedbody p {line-height:1.5em;}

.img-quote .feed-content .photo-box a {float:left;margin-right:10px;}
.img-quote .feed-content p.quote {clear:none;float:left;width:30em;line-height:1.5em;}

.people-u-mayknow .feed-content .headline .title h4{display:block}
/* Category */
.feed-status .toggle {color:#808080;font-size:12px;font-weight:400;}
.feed-blog .relate-usr {padding-top:5px;}

.share-music .playmedia .pl-btn {width:102px;height:29px;background:url(/imgpro/media/p_m.png) no-repeat;}
.share-music .playmedia .pl-btn:hover {background-position:0 -29px;}
.share-video .playmedia .video-img {float:left;margin:0 10px 10px 0;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.share-video .playmedia .pl-btn {width:120px;height:90px;background-repeat:no-repeat;background-position:center center;}
.share-video .playmedia .pl-btn span {cursor:pointer;display:block;height:28px;width:38px;background:url(/imgpro/media/p_btn.png) no-repeat;margin:0 auto;position:relative;top:29px;}
.share-video .playmedia .pl-btn:hover span {background-position:0 -28px;}

.feed-movie .star-rating, .share-movie .star-rating {left:-1px;margin:2px 0 5px;}
.feed-movie .photo-box img {width:70px;}
.feed-flyer {background:#f7f7f7;position:relative;top:-1px;margin:0 -5px;padding:0 5px;border:solid #eceff5;border-width:1px 0;display:block;cursor:pointer;}
.feed-flyer .feed-content {border:0;}
.feed-flyer .feedbody .quote{width:330px;float:left;clear:none;}
.feed-im .feedbody {line-height:1.5em;padding:6px 0 5px;}

.feed-gift .photo-box {position:relative;}
.feed-gift .photo-box a.legend {position:absolute;top:50px;}

.status-holder {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e3eef8;}
.status-holder .actor-img a {float:left;margin-right:10px;display:block;background-position:center center;background-repeat:no-repeat;width:45px;height:45px;}
.status-content {float:left;width:480px;}
.status-content h4{margin-bottom:2px;}
.status-content p {line-height:1.5em;font-size:14px;width:480px;overflow:hidden;}
.status-content p img {vertical-align:middle;}
.status-content p span,
.status-content p a {font-size:14px;}
.status-content .current-status {font-size:14px;}
.status-content .current-status img {margin:0 1px;}
.status-body .min-cmtbox {margin-left:60px;}
.status-holder .share-n-hide {float:right;}
.status-holder .mini-cmtbox {margin-left:55px;}
.status-holder .mini-cbody {width:484px;}

/* Simple Mode */
.news-feed .s-mode .feedbody {display:none;}
.news-feed .s-mode .newsfeed-actions .share,
.news-feed .s-mode .feed-guide,
.news-feed .s-mode .comment-feed{display:none;}
.news-feed .s-mode .upload-avatar .feedbody,
.news-feed .s-mode .upload-photo .feedbody,
.news-feed .s-mode .feed-status .feedbody {display:block;}
.news-feed .s-mode .upload-avatar .feedbody img,
.news-feed .s-mode .upload-photo .feedbody img {clip:rect(auto 53px 53px auto);position:absolute;width:75px;}
.news-feed .s-mode .upload-avatar .feedbody .photo-box a,
.news-feed .s-mode .upload-photo .feedbody .photo-box a {width:56px;height:56px;float:left;}
.news-feed .s-mode .feed-flyer,
.news-feed .s-mode .feed-sponsor-poll {display:none;}

/* Filter & Ranking *we should put them in Layout.css* 
.feed-header {border-bottom:1px solid #d3dae8;padding-left:8px;}
.feed-filter {float:left;margin-bottom:-1px;}
.feed-filter li {float:left;margin:3px 3px 0 0;}
.feed-filter li a {outline:0;display:block;padding:4px 10px;background:#e3eef8;font-size:12px;font-weight:bold;}
.feed-filter li a:hover {background:#feeeb2;color:#005eac;text-decoration:none;}
.feed-filter li.current {border:1px solid #e3eef8;border-bottom:none;margin-top:0;}
.feed-filter li.current a {color:#333;font-size:14px;background:#fff;cursor:text;}
.feed-filter li.current a:hover {background:#fff;color:#333;}
.feed-filter li.extra-feed a {padding:4px 0;width:25px;background-image:url(/imgpro/arrow/feed_filter_drop.gif);}
.feed-filter li.extra-feed a:hover {background-position:0 23px;}*/
.filter-view .headline .title .x-to-hide {}
.filter-loading {background:url(/imgpro/indicator/blue_large.gif) no-repeat center 25px;padding:70px 0 30px;font-size:14px;text-align:center;color:#666;}
.view-mode {float:right;margin-top:6px;}
.view-mode a.current {color:#333;font-weight:bold;cursor:text;text-decoration:none;}

/* Filter & Ranking (sliding gear)*/
.feed-header ul{padding:0 10px;margin-left:60px;list-style:none;border-bottom:1px solid #B8D4E8;*zoom:1;}
.feed-header ul:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.feed-header li{float:left;margin-right:3px;padding:5px 10px;}
.feed-header li.current{padding:3px 10px 7px;}
.feed-header li a{float:left;display:block;}
.feed-header li.current{
	background-color: #FFF;
	border: 1px solid #B8D4E8;
	border-bottom: 0;
	position: relative;
	bottom: -1px;
	border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius: 5px 5px 0 0;
	*border: 0;
	*background: url(/imgpro/bg/corner.gif) #FFF no-repeat left top;
	*padding: 0;
	*padding-left: 5px;
}
.feed-header li.current a {
	*padding: 4px 11px 7px 8px;
	*background: url(/imgpro/bg/corner.gif) #FFF no-repeat right top;
}
.feed-header li.current a {font-weight:bold;color:#000;}



.star-rating {width:70px;height:12px;position:relative;background:url(/imgpro/bg/rating_stars.gif);overflow:hidden;}
.star-rating li.current-rating{background:url(/imgpro/bg/rating_stars.gif) 0 12px;position:absolute;height:12px;display:block;text-indent:-9999em;z-index:1;left:0;}
.star-rating li.star-1 {width:14px;}
.star-rating li.star-2 {width:28px;}
.star-rating li.star-3 {width:42px;}
.star-rating li.star-4 {width:56px;}
.star-rating li.star-5 {width:70px;}


/* import section end
-------------------------------------*/

.home .full-page-holder{width:960px;margin:0 auto;}
.home .full-page {display:table-row;table-layout:fixed;}
@-moz-document url-prefix() { .home .full-page {display:table;}}
.home #sidebar {
	display:table-cell;
	width:138px;
	border:1px solid #C9E0EF;
	background-color: #F3FAFF;
	vertical-align: top;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	*padding-bottom: 100px;
	*float: left;
	*behavior:expression(function(ele){
		ele.style.behavior=" ";
		Expressions.borderRadius(ele,[5,5,5,5]);
	}(this));
	*z-index: 8;
}
.home .main-page {display: table-cell;width:800px;padding-left:20px;*overflow:hidden;
	*float: left;
}
.home .blank-bar {padding-top:15px;float:none;}
.home .home-body {float:left;width:560px;}
.home .home-sidebar {float:right;width:220px;_overflow:hidden;}
.home .m-composer {width:555px;}

.home .side-item li {margin-bottom:4px;}
.home .side-item li a {display:block;}
.home .side-item li span {color:#808080;}
.home .side-item .icon-list li {padding-left:21px;line-height:1.8em;}
.home .side-item .expand {border-top:1px solid #e3eef8;margin:5px 10px 0 0;padding-top:5px;}

.home .home-sidebar .side-item .people-list li{width:50px;margin-right:20px;*overflow:hidden}
.home .home-sidebar .side-item .people-list li span.headpichold{ display:block; width:50px; height:50px; text-align:left; line-height:normal;}
.home .home-sidebar .side-item .people-list li span.headpichold a{height:50px;margin:0;}
.home .home-sidebar .side-item .people-list li span a {height:1.6em;overflow:hidden;}
.home .home-sidebar .side-item .people-list li span a.name {display: inline-block;width:40px;margin-left:-4px;overflow:hidden;*margin-left:0;}
.home .home-sidebar .side-item .people-list li span a.addfriend_action{ display: inline-block;}
.home .home-sidebar .side-item .people-list li span a.addfriend_action img {padding-top:5px;}

.home .home-sidebar .separator {height:0px;overflow:hidden;border-bottom:1px solid #CEE1EE;margin-bottom:10px;}

.home .birthdays li a {display:inline;line-height:16px;}
.home .birthdays li span.user {padding-right:20px;background: url(/imgpro/icons/birthday.gif) no-repeat right center;}

.home .side-item {margin-bottom: 20px;}
.home .side-item-header {padding:3px 0;text-align:right;border-bottom: 1px solid #E3EEF8;}
.home .side-item-header h4 {float:left;color:#333;font-weight:normal;}
.home .side-item-header h4 span {font-weight:normal;}
.home .side-item-body {padding-top:8px;}
.home .sidebar-holder {}

.home .request li strong {margin-right:3px;}

.home .home-sidebar .selected .png-holder {float:left;width:74px;cursor:pointer;}
.home .home-sidebar .selected .img-holder {float:left;margin-right:10px;}
.home .home-sidebar .selected .img-holder img {width:70px;}
.home .home-sidebar .selected .info { width:130px;margin-bottom:5px;margin-left:75px;color: #333;}
.home .home-sidebar .selected .info h5 {border-bottom:1px solid #e9e9e9;padding:0 0 5px;margin:0 6px 5px 0;}
.home .home-sidebar .selected .more-actions{ margin-left:75px;}
.home .home-sidebar .selected .description {margin:3px 0;}

 	
.home .home-sidebar .commend-page .side-item-pages li{display:none;}
.home .home-sidebar .commend-page .side-item-pages li.first{display:block;}
.home .home-sidebar .commend-page div.nav {font-size:0;}
.home .home-sidebar .commend-page div.nav span.fore {display:inline-block;width:16px;height: 16px;margin-right: 5px;background:url(/imgpro/bg/gallery-nav.gif) no-repeat left top;}
.home .home-sidebar .commend-page div.nav span.after {display:inline-block;width:16px;height: 16px;background:url(/imgpro/bg/gallery-nav.gif) no-repeat left -32px;}
.home .home-sidebar .commend-page div.no-fore span.fore {background-position: left -16px;}
.home .home-sidebar .commend-page div.no-after span.after {background-position: left -48px;}
.home .home-sidebar .commend-page p { margin-bottom: 0.5em; }
.home .home-sidebar .commend-page div.figure { float: left; margin-right: 10px; }
.home .home-sidebar .commend-page a.follow { display: inline; padding-left: 20px; line-height: 16px; background: url(/imgpro/icons/follow-add.gif) no-repeat left center; }

.home .footprint .side-item-body, .home .pymk .side-item-body {padding-bottom:0;}
.home .footprint .side-item-body ul.people-list li {height:86px;*overflow:hidden;}
.home .footprint .people-list {overflow:visible;}
.home .footprint .people-list li span img {float:left;margin:4px 0 0 0;visibility:hidden;cursor:pointer}
.home .footprint .people-list li.online span img {visibility:visible;margin-right:4px;*margin-right:2px}
.home .footprint .people-list li span.olname{width:55px;}
.home .footprint .people-list li span.olname a {display:inline-block;width:3em;overflow:hidden;text-align:left;white-space:nowrap;*width:36px;}
.home .pymk .side-item-body .talk-online{display:block; margin-bottom:8px; clear:both}
.home .pymk .side-item-body .people-list li span a.x-to-hide {width:14px;float:right;margin-top:3px;}

.home .im .side-item-body {padding-bottom:0;}
.home .im .side-item-body a {background:url(/img/im_oly.png) no-repeat;display:block;height:45px;line-height:1.3em;padding:0 0 0 40px;color:#333;text-decoration:none;}
.home .im .side-item-body a span {display:block;color:#005eac;text-decoration:none;}
.home .im .side-item-body a:hover span {text-decoration:underline;}

.home .invite .side-item-body {padding-bottom:0;}
.home .invite .side-item-body a {background:url(/img/invite_ico.gif) no-repeat 0 2px;display:block;height:35px;line-height:1.3em;padding:7px 0 0 40px;}

.home .findfriends .side-item-body {padding-bottom:0;}
.home .findfriends .side-item-body a {background:url(/img/newsfeed/findfriend_big.gif) no-repeat 0 2px; display:block; height:35px; line-height:1.3em; padding:7px 0 0 40px;}


.home .request {border-bottom:1px solid #edf3ff;padding-bottom:5px;margin-bottom:15px;clear:both;}
.home .request .section-header {border-bottom:none;}
.home .request li {float:left;width:115px;line-height:1.8em;}
.home .star-new h4 {border-bottom:1px solid #edf3ff;line-height:1.5em;margin:0 0 10px;}
.home .star-new {padding-top:10px;}

.home .section-header {text-align:right;line-height:1.8em;margin-bottom:5px;border-bottom:1px solid #edf3ff;}
.home .section-header .indexfeedcount{ float:left; font-size:11px; margin-left:3px;}
.home .section-header h2 {float:left;}
.home .section-header h2 span {font-size:12px;font-weight:normal;color:#808080;padding-left:3px;}
.home .feed-viewmode a {outline:0;}
.home .feed-viewmode .current {color:#333;font-weight:bold;cursor:default;text-decoration:none;}
.home .people-table td {width:63px;}

/*newsfeed dropmenu
-------------------*/
.home .section-header h2 .newsfeed-dropmenu-holder{ padding-left:3px; border-left:1px solid #005eac; border-right:1px solid #005eac;}
.home .section-header h2 .newsfeed-dropmenu-holder.active{ overflow:hidden; float:left; background-color:#7d90b5; border:1px solid #005eac;}
.home .section-header h2 .newsfeed-dropmenu-holder a.dropaction{ display:block; float:left; background:url(http://s.xnimg.cn/img/super_actions_d.gif) 0 0 no-repeat; margin-top:3px; width:15px; height:15px;}
.home .section-header h2 .newsfeed-dropmenu-holder a.dropaction:hover{ background-position:0 -17px; color:#7d90b5; }
.home .section-header h2 .newsfeed-dropmenu-holder.active a{ color:#fff;}
.home .section-header h2 .newsfeed-dropmenu-holder.active a.dropaction{ background-position:0 -17px; color:#7d90b5;}

/* Style For Notice */
.notice-holder{border-right:2px solid #E1E1E1;  border-bottom:2px solid #E1E1E1;  margin-bottom:15px;}
.notice{border:1px solid rgb(207,207,207);  padding:10px;  background:#FEFFCF;}
.notice.lightblue{background:#F2F4F7;}

/* Style For Invited Friend Reply */
.fri-invite .invite-content-holder{background:#F7F7F7;  border:1px solid #CCC;  padding:10px;  margin-bottom:15px;}
.fri-invite .fri-photo{float:left;  display:block;  background-position:center center;  background-repeat:no-repeat;  width:100px;  height:100px;}
.fri-invite .fri-info{float:left;  width:430px;  margin-left:20px;  }
.fri-invite .fri-info h2 span{font-size:12px;  font-weight:normal;  color:#666666;}
.fri-invite .fri-action{float:left;  margin-left:20px;  width:160px;}
.fri-invite .fri-action p.checkbox{padding-top:2px;}
.fri-invite .fri-action p.text{padding:2px 0;}
.fri-invite .fri-action label{font-weight:normal;}
.fri-invite .fri-msg{margin-top:10px;  float:left;}
.fri-invite .fri-msg textarea{width:244px;  height:32px;  line-height:16px;  border:1px solid #8496BA;}
.fri-invite .fri-msg .send-btn{text-align:right;  margin-top:10px;}

/* two types of mini-feeds in guide page */
.people-u-mayknow .feedbody{
  padding-bottom: 8px;
}
.people-u-mayknow .feedbody .people-list{
  width:420px;
}
.people-u-mayknow .headline h2{                                 
  width:420px !important;
  display:block !important;
  float:left;
}
.people-u-mayknow .feedbody .people-list li {
  margin: 6px 0px;
  background:url(/img/peoplelistbg.gif) no-repeat 0px 3px;
  width:50px;
  height:50px;
  padding:6px 10px;
}
.opi-content .question{
  color:#808080;
  padding:0 5px;
}
.opi-content .rate {
  color: #CC3300;
  padding: 0 5px;
}

/* 2008.09.25 New Version Home */
.menu-bar{padding-bottom:15px;}
.home .blank-bar{padding-top:4px;text-align:center;}
.home .blank-bar .ad-bar {margin:0 auto;}

.home .bookmarks .app-list a.float-right, #moreAppShortcuts .app-list li.show-more a{font-weight:normal;}

.home .request li strong{font-weight:normal;}

/* add new state info */
.add-state-info {background:url(/imgpro/icons/ico_3years.png) no-repeat 0 center;margin-top:10px;width:200px;height:20px;display:block;*line-height:1.5em}
.add-state-info a {padding-left:20px;}

/* guide.htm visit*/
.side-item .profile-footprint .box-body {background:#F0F5F8}

.side-item-body .png-holder .png-img {background-position:center center;}    

/* infoaltbox */
.infoaltbox {position:absolute;z-index:1;float:left;}
.infoaltbox .share-n-hide {float:right;margin:5px;*position:relative;}
.infoaltbox .altcontentshadow{ border-right:1px solid #d9d9d9; margin-right:-1px;}
.infoaltbox .altcontent{background-color:#FFF; border-style:solid; border-color:#3777bc; border-width:1px;background-color:#F0F9F8;padding:5px;}
.infoaltbox .box {color:#808080;border-bottom:none;padding-bottom:0;padding:4px 7px;background-color:#FFF;}
.infoaltbox .header {padding:3px 3px;}
.infoaltbox .footangle{ position:relative;margin-top:-1px;height:12px; background:url(/imgpro/bg/pgaltfootangle.png) -125px 0 no-repeat;}
.infoaltbox .headangle{ position:relative;margin-bottom:-1px;height:12px; background:url(/imgpro/bg/pgaltheadangle.png) -125px 0 no-repeat;}
* html .infoaltbox .headangle,
* html .infoaltbox .footangle {overflow:hidden;}


/*info prcess*/
div.info-integrity {margin-left: 120px; margin-bottom: 10px;}
div.info-integrity ul {margin-bottom: 0.5em;}
div.info-integrity li {display: inline-block;margin-right:10px;}
* html div.info-integrity li {display: inline;}
*+html div.info-integrity li {display: inline;}
div.info-integrity li.incomplete { color: #808080; }
div.info-integrity img.icon { vertical-align: text-bottom;}
div.info-integrity p {color: #F00;}

/* for news feed: gift  begin */
.feed-content .feedbody .giftlink{color:#999;clear:none;float:left;padding-left:1em;width:30em;font-weight:bold;margin-top:2em;}
/* for news feed: gift  end */


.people-table td {width:60px;text-align:center;vertical-align:bottom;}
.people-table td span {height:2em;line-height:2em;overflow:hidden;display:block;width:62px;margin:0 auto;}
.people-table td span a.name {
	display: inline-block;
	width: 44px;
}
.people-table td span a.title {margin-top: 0.5em;display: inline-block; vertical-align:top; margin-left: 0;width:12px; height: 12px; text-indent: -9999px; background-repeat: no-repeat; background-position: left top;}
.people-table td span .vip {background-image: url(/imgpro/icons/vip_s.gif)}
.people-table .online span .vip {background-image: url(/imgpro/icons/vip_online_s.gif);}
.people-table .online span .user {background-image: url(/imgpro/icons/user_online_s.gif);}

#msg-and-replys li {
	clear: both;
}
#msg-and-replys div.figure {
	float: right;
	width: 140px;
}
#msg-and-replys div.figure img {
	padding: 6px;
	margin-bottom: 8px;
	border: 1px solid #EEE;
}
#msg-and-replys div.figure h4 {
	color: #999;
	font-weight: normal;
	font-size: 9pt;
}
#msg-and-replys li.status form.reply {
	padding-right: 114px;
}

#msg-and-replys li h3 {
	margin: 10px 0;
	padding-left: 20px;
	font-size: 9pt;
	line-height:16px;
	background: url(/imgpro/icons/wall_post.gif) no-repeat left center;
}
#msg-and-replys li h3 a {
	margin: 0 0.5em;
}
#msg-and-replys li ul {
	margin-left: 24px;
	zoom: 1;
}
#msg-and-replys li ul li {
	clear: none;
	padding: 8px 0;
	border-bottom: 1px solid #F0F5F8;
}
#msg-and-replys li ul li a {
	margin: 0 0.4em;
}
#msg-and-replys li ul li a.delete {
	display: inline-block;
	width: 13px;
	height: 14px;
	background: url(/imgpro/theme/xn/x_to_hide.gif) no-repeat left top;
	text-indent: -9999px;
	outline: none;
}
#msg-and-replys li ul li a.delete:hover {
	background: url(/imgpro/theme/xn/x_to_hide_hover.gif) no-repeat left top;
}
#msg-and-replys strong.privacy {
	float: right;
	margin-top: -14px;
	display: inline;
	color: #E0C5C4;
	font-weight: normal;
	background: url() no-repeat left center;
}
#msg-and-replys form.reply {
	margin-top: 10px;
	height: 24px;
	padding: 6px 78px 6px 6px;
	background-color: #E3EEF8;
}
#msg-and-replys form.reply { overflow: hidden; _zoom: 1; }
	
#msg-and-replys form.reply input.input {
	float: left;
	width: 100%;
	padding: 0;
	height: 20px;
}
#msg-and-replys li.photo ul {
	width: 380px;
}
#msg-and-replys li.status form.reply span.chars {
	float:left;
	width: 30px;
	height: 24px;
	margin-left: -30px;
	display: inline;
	position: relative;
	right: -36px;
	line-height: 24px;
	color: #666;
	font-weight: bold;
}
#msg-and-replys form.reply input.input-submit {
	float: left;
	width: 60px;
	height: 24px;
	margin-left: -60px;
	display: inline;
	position: relative;
	right: -66px;
}
#msg-and-replys li.status form.reply input.input-submit {
	right: -104px;
}

/* for high school home page */
.star-new{_width:544px;overflow:hidden;}

#vipExpireTooltip {
	margin-left:400px;
	margin-top:-10px;
	width:150px;
}
#vipExpireTooltip .headangle {
	background-position: -100px 0;
}
#vipTooltipLegend {padding:1px;}
#vipTooltip .altcontent {padding:0;}
.expiryDate,
.expiryDays {color:#E4433E;}


#accountTooltip {margin-left:80px;}
#accountTooltip strong{color:#E4433E;}
/**popular**/.popular{width:665px;float:left;}.popular .notice{border:1px solid #eece7b;background:#FEFFCF url(/imgpro/icons/star.png) no-repeat 10px center;height:60px;}.popular .notice h3{margin:10px 0 0 60px;}.popular .notice p{margin:6px 0 0 60px;}.popular .notice h3 .uni-name{margin:0 10px 0 0;}.popular-box{border:2px solid #e4eef6;margin:10px 0 0;}.popular-box .popstar-list ul li{padding:10px;border-bottom:1px solid #D8DFEA;}.popular-box .popstar-list ul li.last{border:none;}.popular-box .popstar-list ul li .pic{width:50px;overflow:hidden;}.popular-box .popstar-list ul li .info{width:504px;float:right;}.popular-box .popstar-list ul li .info p{margin:0 0 4px;}.popular-box .popstar-list ul li .info p a{font-weight:700;margin:0 7px 0 0;}.popular-box .popstar-list ul li .info p span{color:gray;margin:0 0 0 7px;}.popular-box .popstar-list ul li .info p b{margin:0 7px 0 0;}.popular-box .popstar-list ul li .action{float:right;}

div.tooltip {
	position: absolute;
	background: url(/imgpro/bg/tooltip.gif) no-repeat left bottom;
	padding-left: 1px;
}
div.tooltip p {
	line-height: 20px;
	padding: 5px 10px 8px;
	background: url(/imgpro/bg/tooltip.gif) no-repeat right bottom;
}

#baiduframe {margin:8px 0;}

/* 090316 security alert */
div.security-warnning {clear:both;border:1px solid #ECC996;border-top:2px solid #E65A56;background:#FEF3C8 url(/imgpro/bg/warnning.png) no-repeat 20px center;padding:10px 10px 10px 60px;line-height:1.4em;position:relative;}
div.security-warnning h4 {color:#E65A56;}
div.security-warnning .close-button {position:absolute;right:4px;top:4px;}
/**inviteguys**/
.inviteguys {margin-bottom:10px;}
.inviteguys img{vertical-align:text-bottom;margin:0 5px 0 0;}


/* Publisher by jingwei.li */
div.publisher {
	margin-bottom: 15px;
	height: 80px;
	position: relative;
	z-index: 1;
}
div.publisher h3 {
	color: #555;
	margin-bottom: 6px;
	*padding: 0 9px;
}
div.publisher div.user-avatar {
	float: left;
	width: 50px;
	text-align: center;
	_display: inline;
}
div.publisher div.user-avatar a.vip-level {
	margin-top: 5px;
}
div.publisher div.status-publisher {
	margin-left: 60px;
	background-color: #F2F2F2;
	padding: 8px 8px 0;
	border: 1px solid #B5B5B5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	*border: 0;
	*padding: 8px 0 0;
	*background: url(/imgpro/bg/publisher-border.gif) no-repeat left top;
	*zoom: 1;
	_position: absolute;
	_right: 0;
	_width: 500px;
}
div.publisher div.status-publisher form {
	position: relative;
	padding-right: 90px;
	_zoom: 1;
	*padding: 0 90px 0 9px;
	*background: url(/imgpro/bg/publisher-border.gif) no-repeat left bottom; 
}
div.publisher div.status-publisher textarea {
	border: 1px solid #B5B5B5;
	width: 100%;
	height: 36px;
	line-height: 20px;
	font-size: 14px;
	margin-bottom: 10px;
	outline: 0;
	resize: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-transition: height 0.4s ease-out;
	*width: expression(function(ele){
		ele.style.width=ele.offsetWidth-(Expressions.ie6?19:16)+"px";
	}(this));
	*height: 28px;
	*margin-top: -1px;
	*margin-bottom: 9px;
}
div.publisher div.status-publisher textarea:focus {
	border-color: #F8981D;
}
div.publisher.status2 div.status-publisher textarea {
	height: 50px;
	*height: 42px;
}
div.publisher div.publisher-footer {
	display: none;
	height: 16px;
}
#publisher_action_frame {
	display: none;
}
div.publisher.status2 div.publisher-footer {
	display: block;
}
div.publisher.status3 div.publisher-footer {
	display: none;
}
div.publisher div.status-publisher span.current-status {
	float: left;
	color: #808080;
}
div.publisher div.status-publisher ul.status-attachments {
	float: right;
	display: inline;
}
div.publisher div.status-publisher ul.status-attachments li {
	display: inline-block;
	margin-right: 4px;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
div.publisher div.status-publisher ul.status-attachments li .iPhoto-bg {
	display: block;
	width: 43px;
	padding-left: 0;
	cursor: pointer;
	background: url(/imgpro/bg/photo-bj.png) no-repeat 0 0;
    overflow:hidden;
}
div.publisher div.status-publisher ul.status-attachments li a {
	display: inline-block;
	height: 16px;
	line-height: 17px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left top;
}
div.publisher div.status-publisher ul.status-attachments li.share a {
	background-image: url(/imgpro/icons/share.gif);
}
div.publisher div.status-publisher ul.status-attachments li.emotion a {
	background-image: url(/imgpro/icons/statusface/1.gif);
}
div.publisher div.status-publisher ul.status-attachments li input.addfile {
	height: 16px;
	opacity: 0;
	/*position: absolute;*/
	width: 10px;
	cursor: pointer;
	margin-left: -28px;
	background-color: #fff;
	*filter: alpha(opacity=0);
}

div.publisher div.status-publisher ul.status-attachments img.icon {
	vertical-align: text-bottom;
	*vertical-align: -4px;
}
div.publisher div.status-publisher input.submit {
	position: absolute;
	right: 10px;
	top: 0;
	width: 69px;
	height: 36px;
	text-indent: -9999px;
	cursor: pointer;
	border: 0;
	background: url(/imgpro/bg/publisher-submit.png) no-repeat left top;
}
div.publisher.status3 div.status-publisher input.submit {
	top: auto;
	bottom: 0;
	_bottom: 10px;
}
div.publisher div.status-publisher input.submit[disabled] {
	background-position: left -36px;
}
div.publisher div.status-attachment {
	position: relative;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #F8981D;
	-webkit-transition: all 0.4s ease-out;
	_zoom: 1;
}
div.publisher.status3 div.status-attachment {
	display: block;
}
div.publisher div.attachment {
	*zoom: 1;
}
div.publisher div.attachment.loading {
	height: 10px;
	background: url(/imgpro/bg/indicator_blue_small.gif) no-repeat center top;
}
div.publisher div.status-attachment h4 {
	font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #DDD;
}
div.publisher div.status-attachment h4 img.icon {
	vertical-align: text-bottom;
}
div.publisher div.status-attachment a.close {
	display: block;
	position: absolute;
	right: 8px;
	top: 8px;
	text-indent: -9999px;
	width: 18px;
	height: 18px;
	outline: 0;
	background: url(/imgpro/icons/cross-button.png) no-repeat left top;
}
div.publisher div.status-attachment a.close:hover {
	background-position: -18px top;
}
div.publisher div.status-attachment div.success {
	text-align: center;
	color: #808080;
	line-height: 16px;
}
div.publisher div.status-attachment div.success p {
	display: inline;
	padding-left: 20px;
	background: url(/imgpro/icons/yes.png) no-repeat left center;
}
div.publisher div.status-attachment div.fail {
	text-align: center;
	color: #F00;
	line-height: 16px;
}
div.publisher div.status-attachment input.link, div.publisher div.status-attachment input.upload {
	display: block;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #A4C4DC;
	padding: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	*width: expression(function(ele){
		ele.style.width=ele.offsetWidth-29+"px";
	}(this));
	_margin-right: -10px;
}
div.publisher div.status-attachment ul.emotions {
	font-size: 0;
}
div.publisher div.status-attachment ul.emotions li {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	margin: 2px;
	width: 22px;
	height: 22px;
	*display: inline;
	*zoom: 1;
}
div.publisher div.status-attachment ul.emotions a{
	display: block;
	padding: 3px 1px;
	width: 20px;
	height: 16px;
	background-color: #FFF;
	border: 1px solid #E8E8E8;
	text-align: center;
}
div.publisher div.status-attachment ul.emotions a:hover {
	border-color:#808080;
}

/** Bookmarks Panel by jingwei.li **/
div.panel.bookmarks {
	border-bottom: 1px solid #B8D4E8;
}
div.panel.bookmarks ul.apps {
	padding-bottom: 10px;
}
div.panel.bookmarks ul.apps li {
	position: relative;
	height: 26px;
	padding: 0 10px;
    vertical-align: bottom;
	line-height: 26px;
	*overflow: hidden;
}
*html div.panel.bookmarks ul.apps li a {
	font-family: Verdana, sans-serif, simsun;
}
div.panel.bookmarks ul.apps li a.title {
	display: block;
	padding-left:24px;
    padding-top:2px;
	background-repeat: no-repeat;
	background-position: left 7px;
	vertical-align: baseline;
    *padding-top: 4px;
}
div.panel.bookmarks div.more div.apps ul li a.title{line-height:26px;}
div.panel.bookmarks ul.apps li a.action {
	position: absolute;
	right: 10px;
	top: 0;
	padding: 0;
	line-height: 32px;
	color: #808080;
	border-bottom: 0;
	display: inline;
}
div.panel.bookmarks ul.apps li a.action:hover {
	color: inherit;
	background-color: transparent;
	text-decoration: underline;
}
div.panel.bookmarks div.more {
	display: block;
	position: relative;
	*z-index: 9;
}
* html div.panel.bookmarks div.more {
	zoom: expression(function(ele){
		ele.style.zoom="1";
		Expressions.hover(ele);
	}(this));
}
div.panel.bookmarks div.more a.legend {
	display: block;
	padding: 0 10px;
	line-height: 30px;
	height: 30px;
	border-top: 1px solid #BFDAEB;
	background: url(/imgpro/icons/triangle1.gif) no-repeat right center;
	background-origin: content;
	-webkit-background-origin: content;
	-moz-background-origin: content;
	*background-position: 120px center;
}
div.panel.bookmarks div.more div.apps {
	white-space: nowrap;
}
div.panel.bookmarks div.more div.apps ul {
	display: inline-block;
	vertical-align: top;
	padding-bottom: 0;
	*display: inline;
	*zoom: 1;
}
div.panel.bookmarks div.more div.apps ul li {
	width: 110px;
	vertical-align: baseline;
	*float:left;
	*behavior: expression(function(ele){
		ele.style.behavior=" ";
		Expressions.hover(ele);
	}(this));
}
div.panel.bookmarks div.more div.apps ul li:hover,
div.panel.bookmarks div.more div.apps ul li.hover {
	background-color: #FEEEB2;
}
div.panel.bookmarks div.more div.apps ul li a{text-decoration:none;}
div.panel.bookmarks div.more:hover a.legend,
div.panel.bookmarks div.more.hover a.legend {
	position: relative;
	z-index: 9;
	padding-left: 9px;
	padding-right: 13px;
	margin: 0 -3px -1px 0;
	background-color: #FFF;
	border: 1px solid #3777BC;
	border-right: 0;
	border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
}
div.panel.bookmarks div.more div.apps {
	display: none;
	position: absolute;
	bottom: 0;
	z-index: 8;
	left: 140px;
	background-color: #FFF;
	border: 1px solid #3777BC;
	_bottom: -2px;
}
div.panel.bookmarks div.more:hover div.apps,
div.panel.bookmarks div.more.hover div.apps {
	display: block;
}
div.panel.bookmarks div.footer {
	padding: 8px 10px;
	border-top: 1px solid #B8D4E8;
}
div.panel.bookmarks div.footer a.add {
	padding-left: 15px;
	background: url(/imgpro/icons/appsadd.gif) no-repeat left center;
}
div.panel.bookmarks div.footer a.setting {
	padding-left: 15px;
	background: url(/imgpro/icons/appsoption.gif) no-repeat left center;
}

div.show-all {
	height: 25px;
	padding: 10px;
	text-align: center;
	background-color: #F0F5F8;
	border-top: 1px solid #E3EEF8;
	border-bottom: 1px solid #E3EEF8;
}
div.show-all a {
	display: inline-block;
	width: 170px;
	height: 26px;
	outline: 0;
	text-indent: -9999px;
	background: url(/imgpro/bg/show-all-trigger2.gif) no-repeat left top;
	*display: block;
}


#newUserGuide {
	margin: 10px 0;
	border: 2px solid #D8E7F1;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	*position: relative;
}
#newUserGuide h2 {
	display: inline-block;
	margin-top: -0.8em;
	*margin-top: -0.6em;
	margin-left: -2px;
	padding-left:3px;
	color: #555;
	background-color: #FFF;
	*position: absolute;
	*left: 0;
	*top: 0;
}
#newUserGuide ul.intros {
	margin: 20px;
}
#newUserGuide ul.intros li {
	display: inline-block;
	width: 30%;
	margin-right: 2%;
	*display: inline;
	*zoom: 1;
}
#newUserGuide ul.intros img {
	float: left;
	margin-right: 10px;
	padding-bottom: 20px;
}
#newUserGuide ul.intros p {
	color: #808080;
	line-height: 1.6em;
}
#newUserGuide div.figurepanel:after, #newUserGuide ul.figurepanels li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#newUserGuide div.figurepanel, #newUserGuide ul.figurepanels li {
	*zoom: 1;
}
#newUserGuide div.figurepanel {
	margin: 40px 40px 0;
	padding-bottom: 20px;
}

#newUserGuide div.figurepanel.with-border-bottom {
	border-bottom:1px solid #D6E6F1;
	padding-bottom:10px;
	margin-bottom:-1px;
}
#newUserGuide h3 {
	font-size: 12px;
	line-height: 1.6em;
}
#newUserGuide div.figurepanel div.figure, #newUserGuide ul.figurepanels li div.figure {
	float: left;
	margin-right: 10px;
}
#newUserGuide div.figurepanel input.search {
	width: 160px;
	padding-left: 3px;
}
#newUserGuide div.users {
	margin: 25px 40px 40px;
}
#newUserGuide div.users div.header {
	margin-bottom: 10px;
	*zoom: 1;
}
#newUserGuide div.users div.header:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#newUserGuide div.users div.header h4 {
	float: left;
	font-weight: normal;
	color: #808080;
}
#newUserGuide div.users div.header a.more {
	float: right;
}
#newUserGuide div.users ul.figurepanels li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 145px;
	margin-right: 10px;
	margin-bottom: 10px;
	*display: inline;
	*zoom: 1;
}
#newUserGuide div.users ul.figurepanels li a.close {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 14px;
	width: 13px;
	background: url(/imgpro/icons/msg-icon.png) no-repeat left -75px;
}
#newUserGuide div.users ul.figurepanels li a.close:hover {
	background-position: left -95px;
}
#newUserGuide div.users p {
	line-height: 1.6em;
}
#newUserGuide div.users a.name {
	font-weight: bold;
}
.home .side-item.contact-fri li a {display:inline;}
.home .side-item.contact-fri li.invite-friend{background:url(/img/guide/l-icon.png) no-repeat 1px 3px;}
.home .side-item.contact-fri li.find-friends{background:url(/img/guide/l-icon.png) no-repeat 1px -81px;}

/** notice of complete your profile by chuanye.wang **/
.complete-profile{width:528px;position:relative;border:1px solid #E2E3E5;background:#F2F3F8;padding:15px;margin-bottom:15px;line-height:150%}
.complete-profile .please{float:left;width:265px}
.complete-profile .already{float:right;width:228px;background-position:-102px -95px;padding-left:20px}
.complete-profile .please h3{margin-bottom:10px}
.complete-profile .please p{color:#666}
.please .complete-btn{text-align:right;margin-top:15px}
.complete-btn a,.already,.already .rest li{background-image:url(/imgpro/bg/complete-profile-bgs.png);background-repeat:no-repeat}
.complete-btn a{background-position:0 0;display:inline-block;width:102px;height:27px;line-height:25px;text-align:center;color:#000!important}
.complete-btn a:hover{text-decoration:none}
.already .percent{color:#B75D39}
.already .process .popbox{width:215px;height:15px;background:#D6D9E8;color:#666;cursor:pointer}
.process .done{height:15px;background:#8FB73E}
.process .alt{width:135px;position:absolute;z-index:999;display:none;margin-left:25px;margin-top:-3px;}
.alt .alt-top,.alt .trc,.alt .alt-bottom,.alt .brc{background-image:url(/imgpro/bg/alt.png);background-repeat:no-repeat}
.alt .alt-top{height:6px;background-position:left top;overflow:hidden;font-size:0;line-height:0}
.alt-top .trc{float:right;height:6px;width:5px;background-position:right top;overflow:hidden;font-size:0;line-height:0}
.alt .alt-middle{padding:2px 0 5px 8px;border-left:1px solid #C3C098;border-right:1px solid #C3C098;background:#FBF6B7}
.alt .alt-bottom{height:2px;background-position:left bottom;overflow:hidden;font-size:0;line-height:0;margin:0 auto;width:135px}
.alt-bottom .brc{float:right;height:2px;background-position:right bottom;width:5px;overflow:hidden;font-size:0;line-height:0;}
.process .hover .alt{display:block}
.already .rest li{background-position:0 -44px;padding-left:15px}
.already .rest li span{color:#999}
.already .process{margin:5px 0 10px}
.complete-profile .delete{display:block;outline:none;background:transparent url(/imgpro/icons/cross-button.png) no-repeat left top;height:18px;width:18px;text-indent:-9999px;position:absolute;top:5px;right:5px;}
.complete-profile .delete:hover{background-position:right top;}